<template>
<!-- 客户列表 -->
<div class="body">
  <!-- 面包屑 -->
  <ol class="breadcrumb">
    <li><a href="javascript:;">用户管理</a></li>
    <li class="active">用户列表</li>
  </ol>
  <div class="panel panel-default user-list">
    <!-- <div class="panel-heading">
                  <h3 class="panel-title">用户列表</h3>
              </div> -->
    <div class="panel-body">
      <form action="" class="form-inline">
        <select name="" class="form-control input-sm">
          <option value="">按年龄</option>
        </select>
        <select name="" class="form-control input-sm">
          <option value="">按性别</option>
        </select>
        <select name="" class="form-control input-sm">
          <option value="">按地区</option>
        </select>
        <select name="" class="form-control input-sm">
          <option value="">按日期</option>
        </select>
        <button class="btn btn-success btn-sm">筛选</button>
        <div class="input-group pull-right">
          <input type="text" class="form-control input-sm">
          <span class="input-group-btn">
                              <button class="btn btn-success btn-sm">搜索</button>
                          </span>
        </div>
      </form>
    </div>
    <table class="table table-striped table-bordered table-hover">
      <thead>
        <tr>
          <th>编号</th>
          <th>注册账号</th>
          <th>昵称</th>
          <th>年龄</th>
          <th>性别</th>
          <th>地区</th>
          <th>手机号码</th>
          <th>积分</th>
          <th>注册时间</th>
          <th>登录时间</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>1</td>
          <td>botue@sina.com</td>
          <td>布头儿</td>
          <td>28</td>
          <td>男</td>
          <td>河北省</td>
          <td>15901256171</td>
          <td>24</td>
          <td>2016/05/01 10:12:32</td>
          <td>2016/05/10 12:16:19</td>
          <td>
            <a href="./user_profile.html" class="btn btn-info btn-xs">查看</a>
            <a href="javascript::" class="btn btn-warning btn-xs">锁定</a>
          </td>
        </tr>
        <tr>
          <td>2</td>
          <td>botue@sina.com</td>
          <td>布头儿</td>
          <td>28</td>
          <td>男</td>
          <td>河北省</td>
          <td>15901256171</td>
          <td>24</td>
          <td>2016/05/01 10:12:32</td>
          <td>2016/05/10 12:16:19</td>
          <td>
            <a href="./user_profile.html" class="btn btn-info btn-xs">查看</a>
            <a href="javascript::" class="btn btn-warning btn-xs">锁定</a>
          </td>
        </tr>
        <tr>
          <td>3</td>
          <td>botue@sina.com</td>
          <td>布头儿</td>
          <td>28</td>
          <td>男</td>
          <td>河北省</td>
          <td>15901256171</td>
          <td>24</td>
          <td>2016/05/01 10:12:32</td>
          <td>2016/05/10 12:16:19</td>
          <td>
            <a href="./user_profile.html" class="btn btn-info btn-xs">查看</a>
            <a href="javascript::" class="btn btn-warning btn-xs">锁定</a>
          </td>
        </tr>
        <tr>
          <td>4</td>
          <td>botue@sina.com</td>
          <td>布头儿</td>
          <td>28</td>
          <td>男</td>
          <td>河北省</td>
          <td>15901256171</td>
          <td>24</td>
          <td>2016/05/01 10:12:32</td>
          <td>2016/05/10 12:16:19</td>
          <td>
            <a href="./user_profile.html" class="btn btn-info btn-xs">查看</a>
            <a href="javascript::" class="btn btn-warning btn-xs">锁定</a>
          </td>
        </tr>
        <tr>
          <td>5</td>
          <td>botue@sina.com</td>
          <td>布头儿</td>
          <td>28</td>
          <td>男</td>
          <td>河北省</td>
          <td>15901256171</td>
          <td>24</td>
          <td>2016/05/01 10:12:32</td>
          <td>2016/05/10 12:16:19</td>
          <td>
            <a href="./user_profile.html" class="btn btn-info btn-xs">查看</a>
            <a href="javascript::" class="btn btn-warning btn-xs">锁定</a>
          </td>
        </tr>
        <tr>
          <td>6</td>
          <td>botue@sina.com</td>
          <td>布头儿</td>
          <td>28</td>
          <td>男</td>
          <td>河北省</td>
          <td>15901256171</td>
          <td>24</td>
          <td>2016/05/01 10:12:32</td>
          <td>2016/05/10 12:16:19</td>
          <td>
            <a href="./user_profile.html" class="btn btn-info btn-xs">查看</a>
            <a href="javascript::" class="btn btn-warning btn-xs">锁定</a>
          </td>
        </tr>
        <tr>
          <td>7</td>
          <td>botue@sina.com</td>
          <td>布头儿</td>
          <td>28</td>
          <td>男</td>
          <td>河北省</td>
          <td>15901256171</td>
          <td>24</td>
          <td>2016/05/01 10:12:32</td>
          <td>2016/05/10 12:16:19</td>
          <td>
            <a href="./user_profile.html" class="btn btn-info btn-xs">查看</a>
            <a href="javascript::" class="btn btn-warning btn-xs">锁定</a>
          </td>
        </tr>
        <tr>
          <td>8</td>
          <td>botue@sina.com</td>
          <td>布头儿</td>
          <td>28</td>
          <td>男</td>
          <td>河北省</td>
          <td>15901256171</td>
          <td>24</td>
          <td>2016/05/01 10:12:32</td>
          <td>2016/05/10 12:16:19</td>
          <td>
            <a href="./user_profile.html" class="btn btn-info btn-xs">查看</a>
            <a href="javascript::" class="btn btn-warning btn-xs">锁定</a>
          </td>
        </tr>
        <tr>
          <td>9</td>
          <td>botue@sina.com</td>
          <td>布头儿</td>
          <td>28</td>
          <td>男</td>
          <td>河北省</td>
          <td>15901256171</td>
          <td>24</td>
          <td>2016/05/01 10:12:32</td>
          <td>2016/05/10 12:16:19</td>
          <td>
            <a href="./user_profile.html" class="btn btn-info btn-xs">查看</a>
            <a href="javascript::" class="btn btn-warning btn-xs">锁定</a>
          </td>
        </tr>
        <tr>
          <td>10</td>
          <td>botue@sina.com</td>
          <td>布头儿</td>
          <td>28</td>
          <td>男</td>
          <td>河北省</td>
          <td>15901256171</td>
          <td>24</td>
          <td>2016/05/01 10:12:32</td>
          <td>2016/05/10 12:16:19</td>
          <td>
            <a href="./user_profile.html" class="btn btn-info btn-xs">查看</a>
            <a href="javascript::" class="btn btn-warning btn-xs">锁定</a>
          </td>
        </tr>
        <tr>
          <td>11</td>
          <td>botue@sina.com</td>
          <td>布头儿</td>
          <td>28</td>
          <td>男</td>
          <td>河北省</td>
          <td>15901256171</td>
          <td>24</td>
          <td>2016/05/01 10:12:32</td>
          <td>2016/05/10 12:16:19</td>
          <td>
            <a href="./user_profile.html" class="btn btn-info btn-xs">查看</a>
            <a href="javascript::" class="btn btn-warning btn-xs">锁定</a>
          </td>
        </tr>
        <tr>
          <td>12</td>
          <td>botue@sina.com</td>
          <td>布头儿</td>
          <td>28</td>
          <td>男</td>
          <td>河北省</td>
          <td>15901256171</td>
          <td>24</td>
          <td>2016/05/01 10:12:32</td>
          <td>2016/05/10 12:16:19</td>
          <td>
            <a href="./user_profile.html" class="btn btn-info btn-xs">查看</a>
            <a href="javascript::" class="btn btn-warning btn-xs">锁定</a>
          </td>
        </tr>
        <tr>
          <td>13</td>
          <td>botue@sina.com</td>
          <td>布头儿</td>
          <td>28</td>
          <td>男</td>
          <td>河北省</td>
          <td>15901256171</td>
          <td>24</td>
          <td>2016/05/01 10:12:32</td>
          <td>2016/05/10 12:16:19</td>
          <td>
            <a href="./user_profile.html" class="btn btn-info btn-xs">查看</a>
            <a href="javascript::" class="btn btn-warning btn-xs">锁定</a>
          </td>
        </tr>
        <tr>
          <td>14</td>
          <td>botue@sina.com</td>
          <td>布头儿</td>
          <td>28</td>
          <td>男</td>
          <td>河北省</td>
          <td>15901256171</td>
          <td>24</td>
          <td>2016/05/01 10:12:32</td>
          <td>2016/05/10 12:16:19</td>
          <td>
            <a href="./user_profile.html" class="btn btn-info btn-xs">查看</a>
            <a href="javascript::" class="btn btn-warning btn-xs">锁定</a>
          </td>
        </tr>
        <tr>
          <td>15</td>
          <td>botue@sina.com</td>
          <td>布头儿</td>
          <td>28</td>
          <td>男</td>
          <td>河北省</td>
          <td>15901256171</td>
          <td>24</td>
          <td>2016/05/01 10:12:32</td>
          <td>2016/05/10 12:16:19</td>
          <td>
            <a href="./user_profile.html" class="btn btn-info btn-xs">查看</a>
            <a href="javascript::" class="btn btn-warning btn-xs">锁定</a>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <!-- 分页 -->
  <ul class="pagination pull-right">
    <li><a href="#">上一页</a></li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">下一页</a></li>
  </ul>
</div>
</template>

<script>
export default {
  beforeCreate () {
  },
  data () {
    return {}
  }
}
</script>

<style>
</style>

